<template>
	<div class="push">
		<div class="head">
			<router-link tag="div" to="/setup" class="rou"><</router-link>
			<div class="zl">消息推送设置</div>
		</div>
		<div class="con">
			<div class="nr">推送内容</div>
			<div class="tj">
				<div class="xt">系统推荐</div>
				<div class="sw" @click="demo">
					<el-switch
					  v-model="value2"
					  active-color="#13ce66"
					  inactive-color="#ddd">
					</el-switch>
				</div>
			</div>
			<div class="nr" v-show="flag">推送时段</div>
			<router-link tag="div" to="/time" class="tj" v-show="flag">
				<div class="xt">通知接受时段</div>
				<div class="sw sj">
					9:00-10:00>
				</div>
			</router-link>
		</div>
		
		
	</div>
</template>

<script>
	export default{
		name:"push",
		data(){
			return{
				value1:true,
        		value2: false,
        		flag:false
			}
		},
		methods:{
			demo(){
				this.flag = !this.flag;
			}
		}
	}
</script>

<style lang="less">
	.push{
		.head{
			background: #3AAE95;
			overflow: hidden;
			height: 50/50rem;
			line-height: 50/50rem;
			div{
				float: left;
				font-size: 20/50rem;
				color:#fff;
			}
			.rou{
				margin-left: 10/50rem;
			}
			.zl{
				margin-left: 120/50rem;
			}
			.sx{
				margin-left: 80/50rem;
			}
		}
		.con{
			/*padding: 50/50rem 0 0 50/50rem;*/
			.nr{
				font-size: 16/50rem;
				padding: 10/50rem 0 0 10/50rem;
			}
			.tj{
				background: #fff;
				margin-top: 10/50rem;
				padding:0 0 0 10/50rem;
				overflow: hidden;
				font-size: 16/50rem;
				height: 50/50rem;
				line-height: 50/50rem;
				div{
					float: left;
				}
				.sw{
					margin: 13/50rem 0 0 250/50rem;
				}
				.sj{
					margin: 0 0 0 175/50rem;
				}
			}
		}
	}
</style>